<!DOCTYPE html>

<!-- HTML 页面的根元素，该标签的结束标志为</html> -->
<html>

<!-- 包含了文档的元数据（meta），如<meta charset="utf-8">定义网页编码格式为utf-8 -->
<head>
      <meta charset="UTF-8"><!-- 编码 -->
      <title>My First Web Page!</title><!-- 定义文档的标题 -->
    <style>
        /* 在这里添加CSS样式 */
        body {
            background-color: lightblue; /* 设置背景颜色为浅蓝色 */
        }
    </style>
</head>

<!-- 定义文档的主体，即网页可见的页面内容，该标签的结束标志为</body> -->
<body>
  <!-- 作为一个标题使用，该标签的结束标志为</h1> -->
  <h1>第一个HTML!</h1>
  <!-- 作为一个段落显示，该标签的结束标志为</p> -->
  <p>Hello Web Online!</p>
</body>
</html>